<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

    <a href="#div">div</a>

    <div id="div">div</div>

    <script>

        // window对象的常见属性
        //   navigator   浏览器的相关信息
        //      appVersion / userAgent *** 显示浏览器的具体版本信息

        console.log(window.navigator);

        console.log(window.navigator.appVersion);   // 字符串

        console.log(window.navigator.userAgent);  // 字符串


        if (navigator.appVersion.includes('iPhone')) {
            console.log('使用的是苹果手机');
        }
        else if (navigator.appVersion.includes('Android')) {
            console.log('使用的是安卓手机');
        }



        // history  打开同一个窗口所产生的历史记录
        //   length 
        //   forward() 前进一下
        //   back()  后退一下
        //   go(n)  既可以前进也可以后退



        console.log(history);
        console.log(history.length);

        setTimeout(function () {
            //  forward 前进一下
            //  back()  后退一下
            // history.forward();

            // go(n)  去到指定的位置
            // history.go(-2);

        }, 2000)




        // location  地址栏
        //   href  整个地址栏
        //   protocol  协议  http / https
        //   hostname  域名
        //   port  端口号
        //   host  域名+端口号
        //   origin  协议+域名+端口号
        //   pathname  /  路径
        //   ?     search
        //   hash  #及后面的内容   锚点的值

        console.log(location);



    </script>

</body>

</html>